<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<title>开饭啦外卖平台</title>
<link rel="stylesheet" type="text/css" href="/css/vendors.css">
</head>
<body class="vertical-layout vertical-menu 2-columns   menu-expanded fixed-navbar" data-open="click" data-menu="vertical-menu" data-color="bg-gradient-x-purple-blue" data-col="2-columns">
<nav class="header-navbar navbar-expand-md navbar navbar-with-menu navbar-without-dd-arrow fixed-top navbar-semi-light">
  <div class="navbar-wrapper">
    <div class="navbar-container content">
      <div class="collapse navbar-collapse show" id="navbar-mobile">
        <ul class="nav navbar-nav mr-auto float-left">
          <li class="nav-item mobile-menu d-md-none mr-auto"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="javascript:;"><i class="ft-menu font-large-1"></i></a></li>
          <li class="nav-item d-none d-md-block"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="javascript:;"><i class="ft-menu"></i></a></li>
          <li class="nav-item dropdown navbar-search"><a class="nav-link dropdown-toggle hide" data-toggle="dropdown" href="javascript:;"><i class="ficon ft-search"></i></a>
            <ul class="dropdown-menu">
              <li class="arrow_box">
                <form>
                  <div class="input-group search-box">
                    <div class="position-relative has-icon-right full-width">
                      <input class="form-control" id="search" type="text" placeholder="Search here...">
                      <div class="form-control-position navbar-search-close"><i class="ft-x"></i></div>
                    </div>
                  </div>
                </form>
              </li>
            </ul>
          </li>
        </ul>
        <ul class="nav navbar-nav float-right">
          <li class="dropdown dropdown-user nav-item"> <a class=" nav-link dropdown-user-link" href="login.html" > <span class="username"><i class="ft-power"></i>退出登录</span> </a> </li>
          <li class="dropdown dropdown-user nav-item"> <a class="dropdown-toggle nav-link dropdown-user-link" href="javascript:;" > <span class="username">Admin</span> <span class="avatar avatar-online"><img src="/images/avatar-s-19.png" alt="avatar"></span> </a> </li>
        </ul>
      </div>
    </div>
  </div>
</nav>
<div class="main-menu menu-fixed menu-light menu-accordion    menu-shadow " data-scroll-to-active="true" >
  <div class="navbar-header">
    <ul class="nav navbar-nav flex-row">
      <li class="nav-item mr-auto"><a class="navbar-brand" href="index.html"><img class="brand-logo" alt="Chameleon admin logo" src="/images/logo.jpg"/>
        <h3 class="brand-text">开饭啦外卖平台</h3>
        </a></li>
      <li class="nav-item d-md-none"><a class="nav-link close-navbar"><i class="ft-x"></i></a></li>
    </ul>
  </div>
  <div class="main-menu-content">
    <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
      <li class=" nav-item active"><a th:href="@{/store/index}"><i class="ft-home"></i><span class="menu-title">首页</span></a></li>
      <li class=" nav-item"><a href="javascript:;"><i class="la la-medkit"></i><span class="menu-title"> 菜品中心</span></a>
        <ul class="menu-content">
          <li><a th:href="@{/store/goods}">菜品管理</a> </li>
          <li><a th:href="@{/store/goods/0}">菜品添加</a> </li>
        </ul>
      </li>
        <li class=" nav-item"><a href="javascript:;"><i class="ft-users"></i><span class="menu-title"> 商家信息</span></a>
            <ul class="menu-content">
                <li><a th:href="@{/store/}">商家信息管理</a> </li>
            </ul>
        </li>
      <li class=" nav-item"><a href="javascript:;"><i class="ft-layout"></i><span class="menu-title">菜品分类</span></a>
        <ul class="menu-content">
            <li><a th:href="@{/store/classify}">菜品分类管理</a> </li>
            <li><a th:href="@{/store/classify/0}">菜品分类添加</a> </li>
        </ul>
      </li>
      <li class=" nav-item"><a href="javascript:;"><i class="ft-file-text"></i><span class="menu-title">商家订单</span></a>
        <ul class="menu-content">
            <li><a th:href="@{/store/order}">商家接单管理</a> </li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="navigation-background"></div>
</div>
<div class="app-content content">
  <div class="content-wrapper">
    <div class="content-wrapper-before"></div>
    <div class="content-header row">
      <div class="content-header-left col-md-4 col-12 mb-2">
        <h3 class="content-header-title">系统主页</h3>
      </div>
      <div class="content-header-right col-md-8 col-12">
        <div class="breadcrumbs-top float-md-right">
          <div class="breadcrumb-wrapper mr-1">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a th:href="@{/store/index}">主页</a></li>
              <li class="breadcrumb-item"><a href="javascript:;">系统管理</a></li>
              <li class="breadcrumb-item active">系统主页</li>
            </ol>
          </div>
        </div>
      </div>
    </div>
    <div class="content-body">






      <section class="file-browser">
        <div class="card" style="">

              <div class="card-block">
                <div class="card-body">
                  <div class="yshead">
	<ul class="row">
				<li class=" col-md-8">
		<div class="pull-left"><img src="/images/avatar-s-19.png"></div>
		<div class="pull-left">
					<h2>欢迎店家 ！</h2>
			<p>老板  <span>|</span>联系电话：0551-123456<span>|</span>锅Sir时尚火锅外卖</p>
					</div>
		</li>
				<li class=" col-md-4">
					<div class="ysnm">

							<div class="pull-right"><p>审核进度</p><span>8</span> / <i>24</i></div>
							<div class="pull-right"><p>接单总数</p><span>56</span></div>
					</div>
		</li>
				</ul>
	</div>
                </div>
              </div>
            </div>
      </section>

		     <section class="file-browser">
        <div class="row match-height">
          <div class="col-lg-12 col-md-12">
            <div class="card" style="">
              <div class="card-header">
                <label class="card-title">工作统计</label>
              </div>
              <div class="card-block">
                <div class="card-body">
					
					<ul class="clearfix row">
								<li class="col-md-2">
								
<div class="ysnm ysnm2">
									
									<div><p>累计已审核数</p>

										<span>4320</span><i>人</i></div>

		
										<div><p>本周审核数</p>
										<span>342</span><i>人</i></div></div>
								</li>
								<li class="col-md-10 clearfix">
						<div class="clearfix">
						<div class="pull-right" >
							<div class="pull-left taba">
							<a href="#" class="active">今日</a><a href="#">本周</a><a href="#">本月</a><a href="#">全年</a>
								</div>
							<span class="pull-left p-t-10">
							 <input type="text" class="form-control date date1" placeholder="请选择时间" id="date" lay-key="1" style="min-width: 240px;"></span>
							</div>
                          
					</div>
									
								<div style="height: 200px" id="echart1"></div>
								
								</li>
								</ul>
					
                  
					
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
		<section class="file-browser">
            <div class="card" style="">
              <div class="card-header">
                <label class="card-title">测评用户</label>
              </div>
              <div class="card-block">
                <div class="card-body">
					
<table class="table tablemd">
  <tbody>
	  
	   
	  
    <tr>
<td><img class="roundimg" src="/images/avatar-s-19.png" width="48"></td>
      <td>
<p>张丽丽</p>
<p>联系电话：18245625362</p>
<p>身份证：34012519930620</p>
</td>
      <td>
<p>婚姻状况：已婚</p>
<p>安徽省合肥市高新区xxx小区18#101</p>
</td>
		<td>
<p>xxxx社区中心医院</p>
<p>怀孕日期：2018-03-11</p>
		</td>
		<td>
		<p><span class="dot dot-success"></span>阳性</p>
		</td>
		<td><a href="#">查看详情</a></td>
		
    </tr>
	  
	     <tr>
 <td><img class="roundimg" src="/images/avatar-s-19.png" width="48"></td>
      <td>
<p><strong>张丽丽</strong></p>
<p>联系电话：18245625362</p>
<span>身份证：34012519930620</span>
</td>
      <td>
<p>婚姻状况：已婚</p>
<span>安徽省合肥市高新区xxx小区18#101</span>
</td>
<td>
<p>xxxx社区中心医院</p>
<span>怀孕日期：2018-03-11</span>
		</td>
		<td>
		<p><span class="dot dot-success"></span>阳性</p>
		</td>
		<td><a href="#" class="text-primary">查看详情</a></td>
		
    </tr>
	  
    <tr>
<td><img class="roundimg" src="/images/avatar-s-19.png" width="48"></td>
      <td>
<p>张丽丽</p>
<p>联系电话：18245625362</p>
<p>身份证：34012519930620</p>
</td>
      <td>
<p>婚姻状况：已婚</p>
<p>安徽省合肥市高新区xxx小区18#101</p>
</td>
		<td>
<p>xxxx社区中心医院</p>
<p>怀孕日期：2018-03-11</p>
		</td>
		<td>
		<p><span class="dot dot-success"></span>阳性</p>
		</td>
		<td><a href="#">查看详情</a></td>
		
    </tr>
	 
  </tbody>
</table>
					
                  
					
                </div>
              </div>
            </div>
      </section>
		
		<section class="textarea-select">
        <div class="row">
          <div class="col-lg-6 col-md-12">
            <div class="card" style="">
              <div class="card-header">
                
				  <h4 class="card-title float-left">预约评测</h4>
                        <a href="#" class="float-right">更多</a>
              </div>
              <div class="card-block">
                <div class="card-body">
                  <table class="table">
                    <thead>
                      <tr>
                        <th>量表</th>
                        <th>用户</th>
                     	 <th>筛查类型</th>
                        <th>确认状态</th>
                      </tr>
                    </thead><tbody>
                      <tr>
                        <td>汉密尔顿抑郁量表HAMD</td>
                        <td>吴用</td>
                        <td>孕早期</td>
						  <td><span class="badge badge-success">已确认</span></td>
                      </tr>
                      
					  <tr>
                        <td>汉密尔顿抑郁量表HAMD</td>
                        <td>吴用</td>
                        <td>孕早期</td>
						  <td><span class="badge badge-warning">未确认</span></td>
                      </tr>
					  <tr>
                        <td>汉密尔顿抑郁量表HAMD</td>
                        <td>吴用</td>
                        <td>孕早期</td>
						  <td><span class="badge badge-success">已确认</span></td>
                      </tr>
					  <tr>
                        <td>汉密尔顿抑郁量表HAMD</td>
                        <td>吴用</td>
                        <td>孕早期</td>
						  <td><span class="badge badge-success">已确认</span></td>
                      </tr>
					  <tr>
                        <td>汉密尔顿抑郁量表HAMD</td>
                        <td>吴用</td>
                        <td>孕早期</td>
						  <td><span class="badge badge-success">已确认</span></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6 col-md-12">
            <div class="card" style="">
              <div class="card-header">
                
				  <h4 class="card-title float-left">报告审核</h4>
                        <a href="#" class="float-right">更多</a>
              </div>
              <div class="card-block">
                <div class="card-body">
                  <table class="table">
                    <thead>
                      <tr>
                        <th>量表</th>
                        <th>用户</th>
                        <th>报告审核</th>
                        <th>训练</th>
                
                      </tr>
                    </thead><tbody>
                      <tr>
                        <td>汉密尔顿抑郁量表（HAMD</td>
                        <td>朱武</td>
                        <td><a href="#">录入</a></td>
                        <td><a href="#">添加</a></td>
                      </tr>
					  <tr>
                        <td>汉密尔顿抑郁量表（HAMD</td>
                        <td>朱武</td>
                        <td><a href="#">录入</a></td>
                        <td><a href="#">添加</a></td>
                      </tr>
					  <tr>
                        <td>汉密尔顿抑郁量表（HAMD</td>
                        <td>朱武</td>
                        <td><a href="#">录入</a></td>
                        <td><a href="#">添加</a></td>
                      </tr>
					  <tr>
                        <td>汉密尔顿抑郁量表（HAMD</td>
                        <td>朱武</td>
                        <td><a href="#">录入</a></td>
                        <td><a href="#">添加</a></td>
                      </tr>
					  <tr>
                        <td>汉密尔顿抑郁量表（HAMD</td>
                        <td>朱武</td>
                        <td><a href="#">录入</a></td>
                        <td><a href="#">添加</a></td>
                      </tr>
					  
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Textarea end --> 
      </section>
		<section class="textarea-select">
        <div class="row">
          <div class="col-lg-6 col-md-12">
            <div class="card" style="">
              <div class="card-header">
               <h4 class="card-title float-left">最新预约</h4>
                        <a href="#" class="float-right">更多</a>
              </div>
				
              <div class="card-block">
                <div class="card-body">
                  <table class="table">
                    <thead>
                      <tr>
                        <th>用户</th>
                        <th>日期</th>
                     	 <th>预约状态</th>
                        <th>方式</th>
                 
                      
                      </tr>
                    </thead><tbody>
                      <tr>
                        <td>朱仝</td>
                        <td>2019-02-18</td>
                        <td><span class="badge badge-success">已确认</span></td>
						  <td>面对面</td>
                      </tr>
					  
					  <tr>
                        <td>朱仝</td>
                        <td>2019-02-18</td>
                        <td><span class="badge badge-success">已确认</span></td>
						  <td>网络</td>
                      </tr>
					  <tr>
                        <td>朱仝</td>
                        <td>2019-02-18</td>
                        <td><span class="badge badge-success">已确认</span></td>
						  <td>电联</td>
                      </tr>
					  <tr>
                        <td>朱仝</td>
                        <td>2019-02-18</td>
                        <td><span class="badge badge-success">已确认</span></td>
						  <td>面对面</td>
                      </tr>
					  <tr>
                        <td>朱仝</td>
                        <td>2019-02-18</td>
                        <td><span class="badge badge-success">已确认</span></td>
						  <td>面对面</td>
                      </tr>
					  
                    
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6 col-md-12">
            <div class="card" style="">
          <div class="card-header">
                        <h4 class="card-title float-left">干预方案</h4>
                        <a href="#" class="float-right">更多</a>
                    </div>
				
				
              <div class="card-block">
                <div class="card-body">
                  <table class="table">
                    <thead>
                      <tr>
                        <th>用户</th>
                        <th>日期  </th>
                        <th>录入方案</th>

                
                      </tr>
                    </thead><tbody>
                      <tr>
                        <td>朱武</td>
						<td>2019-02-18</td>
                        <td><a href="#">录入</a></td>
                      </tr>
					  <tr>
                        <td>朱武</td>
						<td>2019-02-18</td>
                        <td><a href="#">录入</a></td>
                      </tr>
					   <tr>
                        <td>朱武</td>
						<td>2019-02-18</td>
                        <td><a href="#">录入</a></td>
                      </tr>
					   <tr>
                        <td>朱武</td>
						<td>2019-02-18</td>
                        <td><a href="#">录入</a></td>
                      </tr>
					   <tr>
                        <td>朱武</td>
						<td>2019-02-18</td>
                        <td><a href="#">录入</a></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Textarea end --> 
      </section>
    </div>
  </div>
</div>
<footer class="footer footer-static footer-light navbar-border navbar-shadow">
  <div class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"><span class="float-md-left d-block d-md-inline-block">2022  &copy; Copyright 开饭啦外卖平台 © 2022-2023</span>
    <ul class="list-inline float-md-right d-block d-md-inline-blockd-none d-lg-block mb-0">
      <li class="list-inline-item">开饭啦外卖平台</li>
    </ul>
  </div>
</footer>

<!-- BEGIN VENDOR JS--> 
<script src="/js/vendors.min.js" type="text/javascript"></script>
<script src="/js/app-menu.js" type="text/javascript"></script>
<script src="/js/app.js" type="text/javascript"></script>
<script src="/js/echarts.min.js" type="text/javascript"></script>
<script src="/laydate/laydate.js" type="text/javascript"></script>
<script>
lay('#version').html('-v'+ laydate.v);
laydate.render({
    elem: '#date'
  ,range: true
  ,theme: '#6967ce'
});
</script>
<script>
$(function () {
    echarts_1();
function echarts_1() {
 // 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('echart1'));
//对话框图片
var uploadedDataURL = "/asset/get/s/data-1547533200844-7eBMgp66l.png";

 var dataIPSxAxis = ['1月', '2月', '3月', '4月 ', '5月 ', '6月', '7月', '8月'];

 var dataIPS = [40, 180, 60, 290, 100, 140, 60, 90];

 option = {

     tooltip: { trigger: 'axis',},

     color: ["#0080ff", "#4cd5ce"],

 

     grid: {

         left: '20',

        right: '35',

        top:'10%',

        bottom: '0%',

         containLabel: true

     },

     xAxis: [{

         type: 'category',

         boundaryGap: false,

         data: dataIPSxAxis,

         axisLabel: {

             show: true,

             textStyle: {

                 color: '#555',

                 fontSize: 12,

             },

         },

         axisLine: {
 show: false,
             lineStyle: {

                 color: '#0a2b52',

                 width: 0.5, //这里是为了突出显示加上的

             }

         }

     }],

     yAxis: [{
         type: 'value',
         axisLine: {
             onZero: false,
			 show: false,

         },

         

         axisLabel: {
             show: true,
             textStyle: {
                 color: '#555' //字体颜色

             }

         }, 
		 splitNumber: 3,
          splitLine:{
			 
			
                show:true,
                lineStyle:{
					color:'#eee',
                    type:'dotted'
                }

                

            },

     }],

     series: [

         {

             name: '最高水量',

             type: 'line',

             smooth: true,

             //  symbol: "none", //去掉折线点

             stack: 100,

             itemStyle: {

                 normal: { //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上

                     color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{

                         offset: 0,

                         color: '#748bff' // 0% 处的颜色

                     }, {

                         offset: 1,

                         color: '#ff92ef' // 100% 处的颜色

                     }]), //背景渐变色

                     lineStyle: { 

                         width: 0,

                         type: 'solid',

                         color: "#CC56CB"

                     }

                 },

                 emphasis: {

                     color: '#02675f',

                     lineStyle: { // 系列级个性化折线样式

                         width: 0,

                         type: 'dotted',

                         color: "#02675f" //折线的颜色

                     }

                 }

             }, //线条样式

             symbolSize: 0, //折线点的大小

             areaStyle: {

                 normal: {}

             },

             data: dataIPS,

         },



     ]

 };
        myChart.setOption(option);
  
        window.addEventListener("resize",function(){
            myChart.resize();
        });
    }

})
  </script>
</body>
</html>